<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>AdminLTE 3 | Log in</title>

    <link rel="stylesheet" href="/css/fonts.googleapis.com.css">
    <link rel="stylesheet" href="/lib/adminlte/plugins/fontawesome-free/css/all.min.css">
    <link rel="stylesheet" href="/lib/adminlte/plugins/icheck-bootstrap/icheck-bootstrap.min.css">
    <link rel="stylesheet" href="/lib/adminlte/dist/css/adminlte.min.css">
</head>

<body class="hold-transition login-page dark-light"
    style="background-image:url('/img/login-bg.jpeg');background-repeat:no-repeat;background-attachment:fixed;background-position: center center;background-size: cover;">
    <div class="login-box">
        <div class="login-logo">
            <a href="/"><b>小数据</b>平台</a>
        </div>
        <div class="card">
            <div class="card-body login-card-body">
                <p class="login-box-msg">登录以开始会话</p>
                <form id="loginForm">
                    <div class="input-group mb-3">
                        <input type="text" class="form-control" placeholder="账号" id="account">
                        <div class="input-group-append">
                            <div class="input-group-text">
                                <span class="fas fa-user"></span>
                            </div>
                        </div>
                    </div>
                    <div class="input-group mb-3">
                        <input type="password" class="form-control" placeholder="密码" id="password">
                        <div class="input-group-append">
                            <div class="input-group-text">
                                <span class="fas fa-lock"></span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-8">
                            <div class="icheck-primary" >
                                <input type="checkbox" id="remember">
                                <label for="remember">
                                    保持登录
                                </label>
                            </div>
                        </div>
                        <div class="col-4">
                            <button type="submit" class="btn btn-primary btn-block shadow">登录</button>
                        </div>
                    </div>
                </form>
                <div class="social-auth-links text-center mb-3">
                    <p>- 或 -</p>
                    <a href="#" class="btn btn-block btn-outline-info shadow">
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                            class="bi bi-patch-check" viewBox="0 0 16 16">
                            <path fill-rule="evenodd"
                                d="M10.354 6.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708 0z" />
                            <path
                                d="m10.273 2.513-.921-.944.715-.698.622.637.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01.622-.636a2.89 2.89 0 0 1 4.134 0l-.715.698a1.89 1.89 0 0 0-2.704 0l-.92.944-1.32-.016a1.89 1.89 0 0 0-1.911 1.912l.016 1.318-.944.921a1.89 1.89 0 0 0 0 2.704l.944.92-.016 1.32a1.89 1.89 0 0 0 1.912 1.911l1.318-.016.921.944a1.89 1.89 0 0 0 2.704 0l.92-.944 1.32.016a1.89 1.89 0 0 0 1.911-1.912l-.016-1.318.944-.921a1.89 1.89 0 0 0 0-2.704l-.944-.92.016-1.32a1.89 1.89 0 0 0-1.912-1.911l-1.318.016z" />
                        </svg> &nbsp; 使用数字证书登录
                    </a>
                </div>
            </div>
        </div>

        <script src="/lib/adminlte/plugins/jquery/jquery.min.js"></script>
        <script src="/lib/adminlte/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
        <script src="/lib/adminlte/dist/js/adminlte.min.js"></script>
        <script data-main="/js/main" src="/lib/requirejs/require.js" async></script>
</body>

</html>